<script setup lang="ts">
    import PersonInfo from './components/PersonInfo.vue'
    import PersonAdvantage from './components/PersonAdvantage.vue'
    import PositionType from './components/PositionType.vue'
    import ExcellentSkill from './components/ExcellentSkill.vue'
    import WorkExperience from './components/WorkExperience.vue'
    import ProjectExperience from './components/ProjectExperience.vue'
    import EducationalExperience from './components/EducationalExperience.vue'
    import {myStore} from '@/store/my'
    const store = myStore()
    // 调用 获取简历详情方法 和 求职意愿字典
    store.getResumeDetails()
    store.getresumeDict()


    const leftBack = () => history.back()
</script>

<template>
  <van-nav-bar title="预览简历" left-arrow @click-left="leftBack"/>
  <div class="resume">
    <PersonInfo page="preview" :item="store.state.resumeInfo"></PersonInfo>
    <PersonAdvantage page="preview"></PersonAdvantage>
    <PositionType page="preview"></PositionType>
    <ExcellentSkill page="preview"></ExcellentSkill>
    <WorkExperience page="preview"></WorkExperience>
    <ProjectExperience page="preview"></ProjectExperience>
    <EducationalExperience page="preview"></EducationalExperience>
  </div>
</template>

<style scoped>
.resume{
    height: calc(100vh - 46px);
    overflow: auto;
  }
  .resume-btn{
    height: 2.35rem;
    background: linear-gradient(90deg, #FEA829, #FE8F27);
    border-radius: 0.27rem;
    margin: 0 0.64rem 0.64rem;
    position: fixed;
    bottom: 0;
    left:0;
    width: calc(100vw - 1.28rem);
    border: none;
    font-size: 0.8rem;
    font-weight: 400;
    color: #FFFFFF;
  }
</style>